/*
 * @Description: 元数据设置面板样式文件
 * @Author: Rfan
 * @Date: 2022-02-16 18:25:49
 * @LastEditTime: 2022-07-09 09:27:30
 */

@mixin reset-btn($bgColor: #108ee9, $Color: #fff) {
  font-size: 12px;
  color: $Color;
  background-color: $bgColor;
  border-color: $bgColor;
  border-radius: 4px;

  &:hover,
  &:focus,
  &:active {
    background-color: $bgColor;
    border-color: $bgColor;
  }
}

.metadata-pane {
  padding: 20px;
}

.metadata-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;

  .title {
    font-weight: bold;
  }
}

.tips {
  margin-bottom: 15px;
}

.container {
  .use-unit-checkbox {
    display: flex;
    align-items: center;
    height: 32px;
  }
}

.positive {
  @include reset-btn(#87d068);
}

.negative {
  @include reset-btn(#f50);
}
